<style>
	.badge{
		-webkit-border-radius: 9px!important;
		-moz-border-radius: 9px!important;
		border-radius: 9px!important;
	}
	
	/*话题列表*/
	.portfolio-block{
		border-bottom: 1px dashed #D5D5D5;
		margin-bottom:15px;
		padding-bottom:5px;
	}
	
	.portfolio-bottom{
		font-style: normal;
		font-size: 12px;
		color: #666;
	}
	
	/*portfolio text*/
	.portfolio-text {
	  overflow:hidden;
	}
	
	.portfolio-text img {
	  float:left;
	  margin-right:15px;
	}
	
	.portfolio-text .portfolio-text-info {
	  overflow:hidden;
	}
	.portfolio-text a{
		text-decoration:none;
	}
	#userInfo{  
	    width:198px;  
	    height:200px;
	    border:1px solid #000000;  
	    background:#99ff33;  
	    position:absolute;  
	    z-index:9;  
	    padding:6px;  
	    line-height:17px;  
	    text-align:left;  
	    top:1520px;  
   }  
</style>
<div class="row-fluid ">
	<!-- BEGIN TAB PORTLET-->
	<div class="state tabbable tabbable-custom">

		<!-- 
		<ul class="nav nav-tabs">
			<li class=""><a href="#portlet_tab3" data-toggle="tab">我的帖子</a></li>
			<li class=""><a href="#portlet_tab2" data-toggle="tab">最新帖子</a></li>
			<li class="active"><a href="#portlet_tab1" data-toggle="tab">活跃</a></li>
		</ul>
		 -->
		<ul id="loadTitle" class="nav nav-tabs">
			<li class="active" id="new"><a data-toggle="tab" href="#portlet_tab1" ng-click="loadTitle('new');">最新帖子</a></li>
			<li class="" id="active"><a data-toggle="tab" href="#portlet_tab2" ng-click="loadTitle('active');">活跃帖子</a></li>
			<li class="" ng-if="isLogin" id="my"><a data-toggle="tab" href="#portlet_tab3" ng-click="loadTitle('my');">我的帖子</a></li>
		</ul>
		
		<div class="tab-content">
			<div  class="tab-pane active" id="portlet_tab1">
				
				<div class="row-fluid portfolio-block" ng-repeat="topic in new_topics.list">
					<div class="span10 portfolio-text">
						<img class="user_pic" ng-src="{{topic.pic_url}}" alt="{{topic.user_name }}" title="{{topic.user_name }}" 
							ng-click="space({user_id:topic.user_id})" ng-mouseover="showInfo()" ng-mousemove="showInfo()"/>
						<div class="portfolio-text-info">
							<strong><a ui-sref="index.topicInfo({topic_id:topic.id})">{{topic.title}}</a></strong>
						<!--  	<div  ng-bind-html="topic.content | summary | toHtml" prettify></div>  -->
							<div class="clear"></div>
							<em class="portfolio-bottom" style="margin-right:3px;display:block;"><i class="icon-rss"></i> <a ui-sref="space({user_id:topic.user_id})">{{topic.user_name }}</a> 发表于
								{{topic.create_time | diffDate}} ·
								{{topic.view_count}} 次浏览 · {{topic.reply_count}} 个回复 
							</em>
						</div>
					</div>
					<!--  
					<div class="span2 ">
						<p title="浏览次数"><span class="badge badge-info">{{topic.view_count}}</span></p>
						<p title="回帖数"><span class="badge badge-important">{{topic.reply_count}}</span></p>
					</div>
					-->
				</div>
				
				<div class="space5"></div>
				<media-pagination page="new_topics"></media-pagination>
				<div class="alert" ng-if="new_topics.list.length <= 0">
					<span>当前没有最新帖子</span>
				</div>
			
			</div>
			<div class="tab-pane" id="portlet_tab2">

				<div class="row-fluid portfolio-block" ng-repeat="topic in active_topics.list">
					<div class="span10 portfolio-text">
						<img class="user_pic" ng-src="{{topic.pic_url}}" alt="{{topic.user_name }}" title="{{topic.user_name }}" ng-click="space({user_id:topic.user_id})">
						<div class="portfolio-text-info">
							<strong><a ui-sref="index.topicInfo({topic_id:topic.id})" target="_blank">{{topic.title}}</a></strong>
						<!--  	<div  ng-bind-html="topic.content | summary | toHtml" prettify></div>  -->
							<div class="clear"></div>
							<em class="portfolio-bottom" style="margin-right:3px;display:block;"><i class="icon-rss"></i> <a ui-sref="space({user_id:topic.user_id})">{{topic.user_name }}</a> 发表于
								{{topic.create_time | diffDate}} ·
								{{topic.view_count}} 次浏览 · {{topic.reply_count}} 个回复 
							</em>
						</div>
					</div>
					<!--  
					<div class="span2 ">
						<p title="浏览次数"><span class="badge badge-info">{{topic.view_count}}</span></p>
						<p title="回帖数"><span class="badge badge-important">{{topic.reply_count}}</span></p>
					</div>
					-->
				</div>
				
				<div class="space5"></div>
				<media-pagination page="active_topics"></media-pagination>
				<div class="alert" ng-if="active_topics.list.length <= 0">
					<span>当前没有活跃帖子</span>
				</div>

			</div>
			<div class="tab-pane" id="portlet_tab3">

				<div class="row-fluid portfolio-block" ng-repeat="topic in my_topics.list">
					<div class="span10 portfolio-text">
						<img class="user_pic" ng-src="{{topic.pic_url}}" alt="{{topic.user_name }}" title="{{topic.user_name }}" ng-click="space({user_id:topic.user_id})">
						<div class="portfolio-text-info">
							<strong><a ui-sref="index.topicInfo({topic_id:topic.id})" target="_blank">{{topic.title}}</a></strong>
						<!--  	<div  ng-bind-html="topic.content | summary | toHtml" prettify></div>  -->
							<div class="clear"></div>
							<em class="portfolio-bottom" style="margin-right:3px;display:block;"><i class="icon-rss"></i> <a ui-sref="space({user_id:topic.user_id})">{{topic.user_name }}</a> 发表于
								{{topic.create_time | diffDate}} ·
								{{topic.view_count}} 次浏览 · {{topic.reply_count}} 个回复
							</em>
						</div>
					</div>
					<!--  
					<div class="span2 ">
						<p title="浏览次数"><span class="badge badge-info">{{topic.view_count}}</span></p>
						<p title="回帖数"><span class="badge badge-important">{{topic.reply_count}}</span></p>
					</div>
					-->
				</div>
				
				<div class="space5"></div>
				<media-pagination page="my_topics"></media-pagination>
				<div class="alert" ng-if="my_topics.list.length <= 0">
					<span>你还没有写过帖子哦</span>
				</div>
			</div>
		</div>
	</div>
	<!-- END TAB PORTLET-->
	
	<div id="userInfo" style="display:none" ng-mouseleave="hideInfo()">
   		哈哈哈哈哈哈	
   </div> 
</div>
